<ion-header>
	<header>
		<div class="header_title">
			 经销商管理
		</div>
	</header>
</ion-header>
<div id="content_header">
    <div id='textarea_product' class="list_product" (click)="openModal()">
        <div id="product">
            代理产品<span id="line"></span>
        </div>
        <div class="product_content">
            {{fristProName}}
        </div>
    </div>
    <!--收货渠道-->
    <div padding id="padd">
        <ion-segment [(ngModel)]="pet">
            <ion-segment-button value="发货渠道" id="borderleft_none" (click)="delar()">
                发货渠道
            </ion-segment-button>
            <ion-segment-button value="收货渠道" (click)="showBtn()">
                收货渠道
            </ion-segment-button>

        </ion-segment>
    </div>
</div>
<ion-content>

    <div [ngSwitch]="pet">
        <div class="scroll">
            <!--  //下拉刷新-->
            <ion-refresher (ionRefresh)="doRefresh($event)">
                <ion-refresher-content
                        pullingIcon="arrow-dropdown"
                        pullingText="刷新中.."
                        refreshingSpinner="circles"
                        refreshingText="刷新中..">
                </ion-refresher-content>
            </ion-refresher>
                <ion-list *ngSwitchCase="'发货渠道'"
                          style="position: relative;top: 110px;border-right:none;margin-bottom: 55px;margin-top: 33px">
                    <div class="list_content" *ngFor="let item3 of items2">
                        <div class="list_deliver">
                            <p>{{item3.companyName}}</p>
                            <p>联系人: <span>{{item3.name}}</span>
                                <span class="tel">		电话: <span>{{item3.mobile}}</span>	</span></p>
                        </div>

                    </div>

                </ion-list>


            <ion-list *ngSwitchCase="'收货渠道'"
                      style="position: relative;top: 110px;margin-bottom: 100px;border-right:none;margin-top: 33px">

                <div class="list_content" *ngFor="let item2 of items3">
                    <div class="list_deliver">
                        <p>{{item2.companyName}}</p>
                        <p>联系人:<span>{{item2.name}}</span><span class="tel">电话: <span>{{item2.mobile}}</span>		</span>
                        </p>
                    </div>
                </div>
            </ion-list>
        </div>

    </div>
    <ion-infinite-scroll (ionInfinite)="doInfinite($event)">
        <ion-infinite-scroll-content
                loadingSpinner="bubbles"
                loadingText="加载中...">
        </ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
<div class="FixToBottom" *ngIf="showTrench">
    <button ion-button block class="btn newCreat" (click)="addTrench()"> + 添加发货渠道</button>
</div>
